.div1 {
    background-color: darkolivegreen;
    width: 500px;
    height: 800px;
}

.div2 {
    background-color: aqua;
    background-image: url(../5.24/image/bg2.jpg);
    background-repeat: no-repeat;
    background-position: 30% 30%;
    background-attachment: fixed;
    overflow: auto;
}

.div3 {
    background-image: url(../5.24/image/bg3.jpg)
}

.di1 {
    width: 127px;
    height: 121px;
}

#d1 {
    background-image: url(./image/bg3.jpg);
    background-position: 0px 0px;
}

#d2 {
    background-image: url(./image/bg3.jpg);
    background-position: -127px 0px;
}

#d3 {
    background-image: url(./image/bg3.jpg);
    background-position: -258px 0px;
}

#d4 {
    background-image: url(./image/bg3.jpg);
    background-position: -400px 0px;
}

#d5 {
    background-image: url(./image/bg3.jpg);
    background-position: 0px -121px;
}

#d6 {
    background-image: url(./image/bg3.jpg);
    background-position: -127px -121px;
}

#d7 {
    background-image: url(./image/bg3.jpg);
    background-position: -258px -121px;
}

#d8 {
    background-image: url(./image/bg3.jpg);
    background-position: -394px -121px;
}

#d9 {
    background-image: url(./image/bg3.jpg);
    background-position: 0px -242px;
}

#d10 {
    background-image: url(./image/bg3.jpg);
    background-position: -127px -242px;
}

#d11 {
    background-image: url(./image/bg3.jpg);
    background-position: -255px -242px;
}

#d12 {
    background-image: url(./image/bg3.jpg);
    background-position: -400px -242px;
}